<template>
  <div class="equip-containner">
    <div class="equipManagement">
      <div class="equipTop">
        <p class="equipTitle">设备管理 <span class="equipTitle" @click="goDetction">暂时跳转设备</span>
          <span class="equipTitle" @click="goPandect">暂时跳转设备总览</span>
          <span class="equipTitle" @click="goTest">暂时跳转下拉测试</span></p>
      </div>
      <div class="equip-content">
        <equip-table></equip-table>
      </div>
    </div>
  </div>
</template>
<script>
  import equipTable from './components/equipTable'
  export default {
    components: { equipTable },
    data() {
      return {}
    },
    methods: {
      goDetction() {
        this.$router.push({ path: '/equipManagement/components/equipoverview' })
      },
      goPandect() {
        this.$router.push({ path: '/equipManagement/components/equipPandect' })
      },
      goTest() {
        this.$router.push({ path: '/equipManagement/components/dropTest' })
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .equip-containner{
    font-size: 16px;
    color: #25B6C7;
    .equipManagement{
      background-color: #fff;
      margin: 20px 20px;
      .equipTop{
        width: 100%;
        height: 40px;

        .equipTitle{
          font-size: 16px;
          color: #676A70;
          padding-left: 5px;
          border-left: 5px solid #25B6C7;
          height: 16px;
        }
      }
      .equip-content{
        width: 100%;
      }
    }
  }
</style>
